@charset "UTF-8";
/**
*font 
*/
@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot?t=1481771788020'); /* IE9*/
  src: url('../font/iconfont.eot?t=1481771788020#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff?t=1481771788020') format('woff'), /* chrome, firefox */
  url('../font/iconfont.ttf?t=1481771788020') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg?t=1481771788020#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body{width:100%; background:#f7f7f7; color:#333; font-size:.3rem;}
body,div,dl,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,optgroup,p,blockquote,figure,hr,menu,dir,thead,tbody,tfoot,th,td,a{margin:0; padding:0; -moz-box-sizing:border-box; box-sizing:border-box;}
ul,ol,li{list-style-type:none; list-style-image:none;}
i{display:inline-block; *display:inline; *zoom:1; font-style:normal; -moz-box-sizing:border-box; box-sizing:border-box;}
.in-block{display:inline-block; *display:inline; *zoom:1;}
.tran{transition:all .3s;}
.fl{float:left;}
.fr{float:right;}
.por{position: relative;}
.poa{position: absolute;}
.clearfix:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearfix{*zoom:1;}
.bk{outline:1px solid red;}
.hide{display:none;}
.wrapper{max-width:7.5rem; margin:0 auto; padding:0 .25rem;}

header{width:100%; height:.74rem; background:#fe2d63; padding-top:.14rem; margin:0 auto; position:relative;}
header .back{width:.42rem; height:.74rem; color:#fff; font-size:.42rem; text-align:center; position:absolute; left:.25rem; top:.14rem;}
header span{display:block; width:2rem; margin:0 auto; color:#fff; font-size:.4rem; text-align:center;}
header .area{display:block; width:1.5rem; height:.6rem; color:#fff; text-align:right; position:absolute; right:.25rem; top:.24rem; z-index:10;}
header .area i{margin-right:.03rem;}
header .area a{color:#fff; font-size:.3rem;}
header .search{width:.42rem; height:.74rem; color:#fff; font-size:.35rem; text-align:center; position:absolute; right:.25rem; top:.24rem;}

/**
 * 底部 start
 */
.tabBtn{height:1.17rem; background:#fff; border-top:.03rem solid #eee; padding:.2rem 0 0 0; position:fixed; left:50%; bottom:0; margin-left:-3.7rem;}
.tabBtn ul{width:7.44rem; margin-left:-.23rem;}
.tabBtn ul li{float:left; width:1.4rem; height:.97rem; margin:0 .23rem;}
.tabBtn ul li .pImg{width:.4rem; height:.4rem; background:url(../images/tabBtn.png); background-size:1.6rem .8rem; margin: 0 auto;}
.tabBtn ul li:nth-child(1) .pImg{background-position:0 0;}
.tabBtn ul li:nth-child(2) .pImg{background-position:-.4rem 0;}
.tabBtn ul li:nth-child(3) .pImg{background-position:-.8rem 0;}
.tabBtn ul li:nth-child(4) .pImg{background-position:-1.2rem 0;}
.tabBtn ul li p{margin-top:.12rem; text-align:center;}
.tabBtn ul li.current .pImg{background-position:0rem -.4rem;}
.tabBtn ul .current p{color:#fe2d63;}